<!DOCTYPE html>

<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.clearfix {
				clear: both;
				content: "";
				display: table;
			}
			
			.qm {
				width: 1290px;
				border: px solid black;
				background-color: white;
				padding: 20px;
				box-sizing: border-box;
			}
			
			@font-face {
				font-family: iconfont;
				src: url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot);
				src: url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff) format('woff'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf) format('truetype'), url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont) format('svg');
			}
			
			.fl {
				float: left;
			}
			
			.fr {
				float: right;
			}
			
			div {
				font-family: iconfont!important;
				font-size: 14px;
			}
			
			.ss {
				width: 590px;
				border: px solid red;
			}
			
			.kd {
				width: 590px;
				border: 0px solid red;
				margin: 5px;
				float: left;
			}
			
			body {
				background:#f6f4f4;
			}
			
			li {
				float: left;
				list-style: none;
			}
			li.jl{
				margin-left:10px;
			}
			
			.tt {
				font-family: iconfont;
			}
			
			.tt img {
				height: 24px;
			}
			
			.t img {
				width: 180px;
			}
			
			.tt {
				width: 590px;
				/*padding-right:20px ;
			    line-height: 50px;*/
				/*background-color: red;*/
				margin-bottom: 20px;
			}
			
			.tt span {
				line-height: 24px;
				margin-left: 12px;
			}
			
			.mm {}
			
			.cc {
				color: #999;
			}
			
			a {
				text-decoration: none;
				color: black;
			}
			
			a:hover {
				color: orangered;
			}
			
			ul {
				margin-top: 20px;
				padding-left: 10px;
			}
			
			.pp {
				color: #55b1f9;
				padding-top: 10px;
				padding-left: 10px;
				font-size: 6px;
			}
			
			.po {
				color: #CCCCCC;
				padding-top: 10px;
				padding-left: 10px;
				font-size: 6px;
			}
			
			.r {
				color: #999999;
				padding-top: 10px;
				padding-left: 10px;
			}
			
			.jk {
				margin-left: 10px;
			}
			
			.jj {
				margin-left: 10px;
			}
			
			.jl {
				margin-left: 1px;
				margin-top: 30px;
			}
			
			.jz {
				margin-left: 10px;
				margin-top: 30px;
			}
			
			 .kx {
				margin-left: 1px;
				margin-top: 30px;
			}
			
			.qm {
				width: 1250px;
				border: 0px solid red;
				overflow: hidden;
				margin: auto;
				background: ;
			}
			
			.aaa {
				padding-left: 10px;
			}
			
			.zz {
				padding-top: 5px;
				color: #999999;
				font-size: 14px;
				padding-left: 4px;
			}
		</style>
	</head>

	<body>
		<div class="qm clearfix ">
			<!-- <div class="ks">-->
			<div class="ss fl clearfix">
				<div class="tt fl">
					<img src="https://img.alicdn.com/tfs/TB1tqpnegMPMeJjy1XcXXXpppXa-148-48.png" class="fl">
					<span class="fl">&#xe610; 与品质生活不期而遇</span><span class="cc fr"> 换一换</span>
				</div>
				<ul>
					<li>
						<div class="t"><img src="https://img.alicdn.com/tfscom/TB2ft1dtFXXXXcRXXXXXXXXXXXX_!!0-dgshop.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">Lord Camelot水晶耳钉</a>
						</p>
						<p class="zz">Lord Camelot这款耳钉采</p>
						<p class="pp">&#xe676; 1290 人说好</p>
					</li>
				</ul>
				<ul>
					<li class="jj">
						<div class="t"><img src="https://img.alicdn.com/imgextra/i4/2422983280/TB2PlYucaLN8KJjSZFKXXb7NVXa_!!2422983280-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#"><span><img src="img/TB1M3jielTH8KJjy0FiXXcRsXXa-60-16.png"/></span>罗衣原背心连衣裙</a>
						</p>
						<p class="zz">吸睛抢眼的花型配上流苏裙</p>
						<p class="pp">&#xe676; 493 人说好</p>
					</li>
				</ul>
				<ul>
					<li class="jk">
						<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2840444183/TB2316PgtbJ8KJjy1zjXXaqapXa_!!2840444183-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</p>
						<p class="zz">精致的罗纹领口，自带按扣</p>
						<p class="pp">&#xe676; 503 人说好</p>
					</li>
				</ul>
				<ul>
					<li class="kx">
						<div class="t"><img src="https://img.alicdn.com/imgextra/i1/315883912/TB2QqrugZjI8KJjSsppXXXbyVXa_!!315883912-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<div class="w">
							
							<a href="#"></span>ONE MORE立领</a>
						</div>
						<div class="r">小立领衬托优雅知性气质，</div>
						<div class="pp">&#xe676; 83 人说好</div>
					</li>
				</ul>
				<ul>
					<li class="jl">
						<div class="t"><img src="https://img.alicdn.com/imgextra/i2/1659870695/TB22nzGg4PI8KJjSspoXXX6MFXa_!!1659870695-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<div class="w">
							<a href="#">Lily 条纹印花卫衣</a>
						</div>
						<div class="r">经典条纹元素与特色印</div>
						<div class="pp">&#xe676; 70 人说好</div>
					</li>
				</ul>
				<ul>
					<li class="jz">
						<div class="t"><img src="https://img.alicdn.com/imgextra/i2/277278942/TB2lSLpcXHM8KJjSZFwXXcibXXa_!!277278942-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<div class="w">
							<a href="#">TAMMYTANGS皮衣外套</a>
						</div>
						<div class="r">西装领大贴布长袖设计优</div>
						<div class="pp">&#xe676; 86 人说好</div>
					</li>

					<!--</div>-->
			</div>
			<div class="ss fr ">
				<div class="tt fl">
					<img src="img/C65793CE-59CB-4C42-A0A5-DA768DFE6657.png" class="fl">
					<span class="fl">&#xe610; 与品质生活不期而遇</span><span class="cc fr"> 换一换</span>
				</div>
				<ul>
					<li>
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB1Z.Rba.4WMKJjSspmXXcznpXa_!!2-item_pic.png_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">百草味牛轧饼干(香葱味)<br />200g 早餐点心休闲零食</a>
						</p>

						<p class="po"><img src="img/22_05.png"> 放飞自我的兔小姐</p>
					</li>
				</ul>
				<ul>
					<li class="jj">
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB1VWWWOpXXXXa_XVXXSutbFXXX.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">南极人防爆充电热水袋<br />电暖宝暖手宝</a>
						</p>

						<p class="po"><img src="img/22_03.png"> 爱逛街****01</p>
					</li>
				</ul>
				<ul>
					<li class="jk">
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB2QA2QkrsTMeJjSsziXXcdwXXa_!!45527326-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">良品铺子无漂白开<br />心果袋装休闲零食小吃</a>
						</p>

						<p class="po"><img src="img/22_03.png"> 爱逛街****01</p>
					</li>
				</ul>
				<ul>
					<li class="kx">
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB1Fn.DKpXXXXXAaXXXSutbFXXX.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">良品铺子无漂白开<br />心果袋装休闲零食小吃</a>
						</p>

						<p class="po"><img src="img/22_05.png"> 爱逛街****01</p>
					</li>
				</ul>
				<ul>
					<li class="jl">
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB1FLUEJVXXXXXvXVXXSutbFXXX.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">朵拉朵尚润唇膏保湿<br />心果袋装休闲零食小吃</a>
						</p>

						<p class="po"><img src="img/22_03.png"> 爱逛街****01</p>
					</li>
				</ul>
				<ul>
					<li class="jz">
						<div class="t"><img src="https://img.alicdn.com/bao/uploaded/TB2t4zUpXXXXXcCXXXXXXXXXXXX_!!0-juitemmedia.jpg_360x360xzq90.jpg_.webp" /></div>
						<p class="aaa">
							<a href="#">良品铺子无漂白开<br />心果袋装休闲零食小吃</a>
						</p>

						<p class="po"><img src="img/22_05.png"> 爱逛街****01</p>
					</li>

					<!--</div>-->
			</div>
		</div>
		<!--<div class="kd">
              	<div class="ss">
              	<div class="tt"><img src="https://img.alicdn.com/tfs/TB1tqpnegMPMeJjy1XcXXXpppXa-148-48.png">
              	<div class="mm"><span>&#xe610;</span> 与品质生活不期而遇<span class="cc"> 换一换</span></div>
              	</div>
              	<ul>
              		<li>
              			<div class="t"><img src="https://img.alicdn.com/tfscom/TB2ft1dtFXXXXcRXXXXXXXXXXXX_!!0-dgshop.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">Lord Camelot水晶耳钉</a></div>
              			<div class="r">Lord Camelot这款耳钉</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</ul>
              	   <ul>
              		<li class="jj">
              			<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">TAMMYTANGS皮衣外套</a></div>
              			<div class="r">颜色很独特的一款收腰绑</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</ul>
              	   <ul>
              		<li class="jk">
              			<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">TAMMYTANGS皮衣外套</a></div>
              			<div class="r">颜色很独特的一款收腰绑</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</ul>
                    	 <ul>
              		<li class="kx">
              			<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">TAMMYTANGS皮衣外套</a></div>
              			<div class="r">颜色很独特的一款收腰绑</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</ul>
              	      <ul>
              		<li class="jl">
              			<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">TAMMYTANGS皮衣外套</a></div>
              			<div class="r">颜色很独特的一款收腰绑</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</ul>
              	              	<ul>
              		<li class="jz">
              			<div class="t"><img src="https://img.alicdn.com/imgextra/i1/2838901291/TB2ef9SXu38SeJjSZFPXXc_vFXa_!!2838901291-0-beehive-scenes.jpg_360x360xzq90.jpg_.webp"/></div>
              			<div class="w"><a href="#">TAMMYTANGS皮衣外套</a></div>
              			<div class="r">颜色很独特的一款收腰绑</div>
              			<div class="pp">&#xe676; 0 人说好</div>
              		</li>
              	</div>
              	
              </div>-->
		</div>
	</body>

</html>